<template>
    <div class="map-box">
        <mainImage title="北京轨道交通产业集聚观察" id="beijing-map" style="background-color: #ffffff;
    margin: 15px 0;
    overflow: hidden;
    box-shadow: 0 2px 28px rgba(0, 0, 0, .1);
        border-bottom: 3px solid rgb(64, 158, 255);">
            <template #mianMap>
                <div class="row" style="margin-top: 30px;">
                    <div class="col-xs-12" style="width: 100%; display: flex; justify-content: space-around;">
                        <BeijingMap></BeijingMap>
                        <BeijingRankings></BeijingRankings>
                    </div>
                </div>
            </template>
        </mainImage>
    </div>
</template>
<script>
import mainImage from '@/components/scCard/mainImage'
import BeijingMap from '@/views/cockpit/components/BeijingMap'
import BeijingRankings from '@/views/cockpit/components/BeijingRankings'
export default {
    components: {
        mainImage,
        BeijingMap,
        BeijingRankings,
    },
    data() {
        return {

        }
    },
}
</script>

<style scoped>
@import "@/views/personalCenter/css/index.css";

.map-box {
    width: 100%;
    display: flex;
    flex-direction: column;
}
</style>